<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Genius</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

</head>
<body>
<nav class="navbar navbar-expand-lg ">
    <div class="container">
        <img src="img/logo.png" alt="" class="">
        <ul class="nav justify-content-end">
            <li class="nav-item">
                    <a class="nav-link disabled" style="color: orange;">HOME</a>
                </li>
            <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">ABOUT US</a>
                </li>
            <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">SERVICES</a>
                </li>
            <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">COURSES</a>
                </li>
            <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">PRICING</a>
                </li>
            <li class="nav-item">
                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">CONTACT</a>
                </li>
        </ul>
    </div>
</nav>

<div class="card bg-dark text-white" style="margin-bottom: 50px">
    <img src="img/rtggrg.png" class="card-img" alt="">
</div>
<div class="Firstparagraph">
    <div class="container">
        <h2>Our Courses</h2>
        <p>Lorem ipsum dolor sit amet.consecteter adipisicing eilt.Dolores quae porro consequateraliquam,incidunt eius magni provident,doloriblus omnis minus temporibusperferendis nesciudis quam repellendus nulla nemo ipsum odit corrupticonsequuntur possimus.</p>
    </div>
</div>
<div class="container">
    <div class="bg-act">
        <div class="row">
            <div class="col-4">
                <img src="img/fgryj.png" alt="">
                <h5 class="card-title">Mobile Dev</h5>
                <p>Backed by some of the biggest namesin the industry. Firsfox OS is an openplatform that fosters greater</p>
            </div>
            <div class="col-4">
                <img src="img/fgryj.png" alt="">
                <h5 class="card-title">Communication</h5>
                <p>Backed by some of the biggest namesin the industry. Firsfox OS is an openplatform that fosters greater</p>
            </div>
            <div class="col-4">
                <img src="img/fgryj.png" alt="">
                <h5 class="card-title">Computers</h5>
                <p>Backed by some of the biggest namesin the industry. Firsfox OS is an openplatform that fosters greater</p>
            </div>
            <div class="col-4">
                <img src="img/fgryj.png" alt="">
                <h5 class="card-title">Finance</h5>
                <p>Backed by some of the biggest namesin the industry. Firsfox OS is an openplatform that fosters greater</p>
            </div>
            <div class="col-4">
                <img src="img/fgryj.png" alt="">
                <h5 class="card-title">Maths</h5>
                <p>Backed by some of the biggest namesin the industry. Firsfox OS is an openplatform that fosters greater</p>
            </div>
            <div class="col-4">
                <img src="img/fgryj.png" alt="">
                <h5 class="card-title">Develoment</h5>
                <p>Backed by some of the biggest namesin the industry. Firsfox OS is an openplatform that fosters greater</p>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="mate">
        <div class="row">
            <h2>Our Students</h2>
            <p>Lorem ipsum dolor sit amet. consectetur adipiscing elit. Dolores quae porro consequater aliquam,incidunt elus magni provident. dolorbus omnis minus temporibus
                perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            <div class="col-12col-md-6">
                <img src="img/fdgdge.png" alt="" class="">
            </div>
            <div class="col-12 col-md-6">
                <p>Lorem ipsum dolor sit amet. consectetur adipiscing elit.
                    Dolores quae porro consequater aliquam,incidunt elus magni provident.
                    dolorbus omnis minus temporibus perferendis nesciunt quam repellendus
                    nulla nemo ipsum odit corrupti consequuntur possimus.vero mollitia velit ad consectetur.Alias,
                    laborum excepturi nihil autem nemo numquam,ipsa architecto non,magni
                    consequuntlaudantium culpa tenetur at id. beatae pet.</p>

                <p><img src="img/hrtyr.png" alt="" class="">Lorem ipsum enimdolor sit amet</p>
                <p><img src="img/hrtyr.png" alt="" class="">Explicabo deleniti neque aliquid</p>
                <p><img src="img/hrtyr.png" alt="" class="">Consectetur adipisicing elit</p>
                <p><img src="img/hrtyr.png" alt="" class="">Lorem ipsum dolor sit amet</p>
                <p><img src="img/hrtyr.png" alt="" class="">Qu issimos molest quibusdam temporibus</p>
            </div>
        </div>
    </div>
</div>


<div class="container">
    <div class=" degeg">
        <div class="row">
            <h2>Our Events</h2>
            <p>Lorem ipsum dolor sit amet. consectetur adipiscing elit.
                Dolores quae porro consequater aliquam,incidunt elus magni provident.
                dolorbus omnis minus temporibus perferendis nesciunt quam repellendus
                nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            <div class="col-4">
                <img src="img/jjjjj.png" alt="" class="">
                <a href="">Feb</a>
                <p>LOREM IPSUM DOLOR SIT AMET,CONSECTETUR ADIPIS.</p>
            </div>
            <div class="col-4">
                <img src="img/kkkk.png" alt="" class="">
                <a HREF="">March</a>
                <p>APESUM DOLOR AMET,CONSECTETUR ADIPISDSUF.</p>
            </div>
            <div class="col-4">
                <img src="img/lllllll.png" alt="" class="">
                <a href="">April</a>
                <p>DOLOR SIT AMET,CONSECTETUR ADIPISIC INDFEFT</p>
            </div>
        </div>
    </div>
</div>


<div class="container">
    <div class="campus">
        <div class="row" style="margin: auto">
            <h2>Campus Placement</h2>
            <p>Lorem ipsum dolor sit amet. consectetur adipiscing elit.
                Dolores quae porro consequater aliquam,incidunt elus magni provident.
                dolorbus omnis minus temporibus perferendis nesciunt quam repellendus
                nulla nemo ipsum odit corrupti consequuntur possimus.</p>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-2"><img src="img/aa.png" alt="" class=""></div>
        <div class="col-2"><img src="img/ss.png" alt="" class=""></div>
        <div class="col-2"><img src="img/dd.png" alt="" class=""></div>
        <div class="col-2"><img src="img/aa.png" alt="" class=""></div>
        <div class="col-2"><img src="img/ss.png" alt="" class=""></div>
        <div class="col-2"><img src="img/dd.png" alt="" class=""></div>
    </div>
</div>

<div class="container">
    <div class="fhd">
        <div class="row">
            <div class="col-3">
                <h6>Our Contact</h6>
                <p>Target company inc
                JC Main Road.Near Silnile tower
                Pin-21542 NewYouk US.</p>
                <p>(123)456-789-1255-12584
                email@domainname.com</p>
            </div>
            <div class="col-3">
                <h6>Quick Links</h6>
                <p>Latest Events</p>
                <p>Terms and conditions</p>
                <p>rivacy policy</p>
                <p>Career</p>
                <p>Contact us</p>
            </div>
            <div class="col-3">
                <h6>Latest posts</h6>
                <p>Lorem ipsum dolor sit amet.</p>
                <p>consectetur adipiscing elit.</p>
                <p>Pellentesque et pulvinar enim.Quisque</p>
                <p>at tempor ligula</p>
                <p>Natus error sit voluptatem accusamtium</p>
                <p>doloremque</p>
            </div>
            <div class="col-3">
                <h6>Recent News</h6>
                <p>Lorem ipsum dolor sit amet.</p>
                <p>consectetur adipiscing elit.</p>
                <p>Pellentesque et pulvinar enim.Quisque</p>
                <p>at tempor ligula</p>
                <p>Natus error sit voluptatem accusamtium</p>
                <p>doloremque</p>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="botton">
        <div class="row">
            <div class="col-4">
                <p>Copyright@.Company name All rights reserved.</p>
            </div>
            <div class="col-6"></div>
            <div class="col-2">
                <img src="img/ggg.png" alt="" class="">
            </div>
        </div>
    </div>
</div>






<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>